﻿{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$info.title}{/block}
{block name="head_keword"}{$info.keywords?:$info.title}  {$s_info.name} {/block}
{block name="head_description"}{:get_word(del_html($info['content']),300)}{/block}

{block name="body_AllScorllSlide"}
<!--通栏横幅图片__STATIC__/css/qb_ui.css中控制图片宽度百分百高度行内样式设置，如不设置不小于100px---->
{qb:tag name="cms_pc_show002" type="image"}
<div class="qb_ui_AllscrollBanner">
	<a href="#1"><img src="__STATIC__/images/s0.jpg"></a>
</div>
{/qb:tag}
{/block}
{block name="body_content"}
<style>
.BaseInfos{
	width:1200px;
	margin:20px auto;
	border:#DDD solid 1px;
	border-radius:5px;
	padding:10px 0;
}
.BaseInfos .title{
	line-height:30px;
	font-size:26px;
	padding-left:15px;
}
.BaseInfos .infos{
	line-height:20px;
	padding-left:15px;
	color:#888;
	font-size:14px;
	margin-top:10px;
}
.BaseInfos .infos span{
	display:inline-block;
	padding-right:15px;
}
</style>
<script type="text/javascript">
function add_fav(id){
	var url="{:purl('fav/api/add')}?type={:config('system_dirname')}&id="+id;
	$.get(url,function(res){
		if(res.code==0){
			layer.msg('收藏成功');
		}else{
			layer.alert(res.msg);
		}
	})
}
</script>
<div class="BaseInfos">
	<div class="title">{$info.title}</div>
	<div class="infos">
		<span><i class="glyphicon glyphicon-time"></i> {:date("Y-m-d H:i:s",$info.create_time)}</span>
		<span><i class="si si-eye"></i> {$info.view}</span> 
		<span onclick="add_fav({$id})"> <li class="fa fa-fw fa-heart"></li>收藏</span> 
		<span class="manage_topic"> <li class="fa fa-cogs"></li> 管理</span> 
		{include file="index@common/manage_btn" /}
	</div>
</div>
<!------图片展示开始--------->
{qb:showpage name="pc_photo_show_pic001"}
<link rel="stylesheet" href="__STATIC__/css/showimgs.css">
<div class="ShowImgsBox">
	<div class="BigImg">
		<div></div>
		<ul><ol onclick="pravShowImg()"><i class="fa fa-angle-left"></i></ol><li onclick="nextShowImg()"><i class="fa fa-angle-right"></i></li></ul>		
	</div>
	<div class="ListImgs">
		<ul>
		</ul>
		<dl><dt onclick="pravShowImg()"><i class="fa fa-angle-left"></i></dt><dd onclick="nextShowImg()"><i class="fa fa-angle-right"></i></dd></dl>
	</div>
	<div class="ShowCnt">{$info.content}</div>
</div>
<script>
var imgdatas=[
{volist name="listdb" id="rs"}
	{'picurl':'{$rs.picurl}','content':'{$rs.title}'},
{/volist}
];
</script>
<script type="text/javascript" src="__STATIC__/js/showimgs.js"></script>
{/qb:showpage}
<!------图片展示结束--------->
<div style="width:1200px;margin:auto">
	<!--引用评论碎片模板common\view\comment\pc01.htm每页显示3条评论-->
	{qb:comment name="commentpc01" rows='5' tpl="comment/pc01"}{/qb:comment}
</div>


{/block}